<template>
  <div class="Mailconfig">
    <section class="main">
      <el-card class="box-card" shadow="hover">
        <div slot="header" class="clearfix">
          <span class="title">发件邮箱配置</span>
        </div>
        <div class="text item">
          <el-form :inline="true" class="demo-form-inline" :model="mailset">
            <el-form-item>
              <el-input type="text" v-model="mailset.email" placeholder="请输入邮箱"></el-input>
            </el-form-item>
            <el-form-item>
              <el-input placeholder="请输入密码" v-model="mailset.password" type="password"></el-input>
            </el-form-item>
            <el-form-item>
              <el-input type="text" v-model="mailset.requesUrl" placeholder="请输入服务器地址"></el-input>
            </el-form-item>
            <el-form-item>
              <el-button type="primary" @click="mailSet">确定</el-button>
            </el-form-item>
          </el-form>
        </div>
      </el-card>
    </section>
  </div>
</template>

<script type="text/javascript" src="../../api/sysmg/mailconfig.js"></script>

<style lang="scss">
.Mailconfig {
  flex: 1;
  > section {
    &.main {
      .el-card {
        border-radius: 5px;
        background-color: #1f2548;
        border: 1px solid #1f2548;
        .el-card__header {
          border-bottom: 1px solid #4b506c;
          .title {
            margin-top: 0%;
            margin-left: 0%;
            font-size: 2rem;
            color: #9da4af;
            font-weight: 500;
            justify-content: center;
            align-items: center;
          }
        }
        .el-card__body {
          .text {
            .el-form {
              display: flex;
              flex-direction: column;
              .el-form-item {
                .el-form-item__content {
                  width: 20%;
                  .el-input__inner {
                    background-color: #1f2548;
                    border:1px solid #9da4af;
                    color:#9da4af;
                  }
                  .el-button{
                      width:100%;
                  }
                }
              }
            }
          }
        }
      }
    }
  }
}
</style>
